<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>珍购多APP下载</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <style type="text/css">
    	*,p{margin: 0;padding: 0;}
    	img{max-width: 100%;vertical-align: middle;-moz-box-sizing: border-box;box-sizing: border-box;}
    	.bigbox{position:fixed;top:0;left:0;right:0;z-index:999;height:100%;overflow-y:scroll;background:#ffff63;text-align: center;}
    	.bigbox .img img{margin:0 auto;height:100%;}
		.oper_box{padding-top:20px;}
		.copyBut{width:65%;height:40px;line-height:40px;text-align:center;margin:0 auto 0;}
		.copyBut p:first-child{border-radius:30px 0 0 30px;background:#ffff63;color:#f15853;display:inline-block;padding:0 5px 0 10px;border:3px solid #fb2733;border-right:0;    line-height:34px;}
		.copyBut p span{font-size:16px;}
		.copyBut a{background:#fb2733;color:#ffff63;display:inline-block;border-radius:0 30px 30px 0;padding:0 10px;padding-bottom:1px;}
		.copyBut.stpe2 a{border-radius:30px;}
		.cue{text-align:center;padding-top:5px;font-size:12px;color:#7b7b7b;width:60%;margin:0 auto;}

		.download{text-align:center;}
		.download a{display:inline-block;background:#0092f7;color:#fff;border-radius:20px;height:35px;line-height:35px;padding:0 30px;margin:10px auto;}
    </style>
  </head>
  <body>
    <div class="page-group">
        <div class="page page-current">
        <div class="bigbox">
        	<p style="height:35%" class="img"><img src="{$invite_wap_banner|get_img}" alt=""></p>
        	<div style="height:20%" class="oper_box">
	            <div class="copyBut flex-box">
	                <p class="flex-two">邀请码:<span class="fq-shareapp-code">{$code}</span>
	                </p><a data-clipboard-text="{$code}" id="itemCopy" href="javascript:;" class="flex-one itemCopy">复制</a>
	            </div>
	            <p class="cue">*长按也可复制，先复制后下载，该邀请码用于激活APP使用资格*</p>

	        </div>
	        <p style="height:10%" class="img"><img src="__STATIC__/images/hr_xz2.png" alt=""></p>
	        <p style="height:15%" class="download"><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.zqs.ddj">下载珍购多APP</a></p>
	        <img style="height:20%" class="footImg" src="__STATIC__/images/hr_xz3.png" alt="">
        </div>
        
        </div>
    </div>

    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <script src="https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.min.js"></script>
    <script src="https://cdn.bootcss.com/layer/3.1.0/mobile/layer.js"></script>
    <script type="text/javascript">
    	//复制文本
        var clipboard = new Clipboard('.itemCopy');
        clipboard.on('success',function(e){
            layer.open({
			    content: '复制成功'
			    ,skin: 'msg'
			    ,time: 1.5 //2秒后自动关闭
			    ,anim: false
			});
        });
        clipboard.on('error',function(e) {
        	layer.open({
			    content: '您的浏览器不支持复制功能，请手动复制框内内容'
			    ,skin: 'msg'
			    ,time: 1.5 //2秒后自动关闭
			    ,anim:false
			});
        });
    </script>
  </body>
</html>